<template>
    <div :stype="{width:`${this.width}%`}">
        <div>
            <i class="iconfont" :class="gongge.icon"></i>
        </div>
        <div>{{gongge.title}}</div>
    </div>
</template>

<script>
    export default {
        props: {
            columnNumber: {
                type: Number
            },
            gongge:{
                type:Object
            }
            
        },
        data() {
            return {
                width: 25
            }
        },
        mounted() {
            // console.log(this.gongge)
            this.width = 100 / this.columnNumber
        }
    }
</script>

<style lang='scss' scoped>
.iconfont{
    font-size: 0.6rem;
}
</style>